.box{
        position: relative;
        background-image: url('../img/02.jpg');
        height: 490px;
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .box ul{
        display: flex;
    }
    .box .img-list li{
        display: none;
    }
    .box .img-list li.current{
        display: block;
    }
    .banner{
        width: 1170px;
        height: 456px;
        position: relative;
        top: 30px;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }
    .banner li img{
        width: 1120px;
        height: 390px;
        margin-top: 15px;
        margin-left: 4px;
    }
    .indicator{
        width: 1150px;
        height: 50px;
        bottom: 6px;
        position: absolute;
        left: calc(50% - 575px);
    } 
    .indicator .indicator-top{
        width: 820px;
        height: 48px;
        margin: 0 auto;
    }
    .indicator .indicator-top li{
        width: 200px;
        color: #666;
        margin: 2px;
        text-align: center;
        cursor: pointer;
    }
    .indicator .indicator-foot{
        width: 820px;
        height: 2px;
        margin: 0 auto;
    }
    .indicator .indicator-foot li{
        width: 200px;
        height: 2px;
        border-radius: 5px; 
        margin: 2px;
    }
    .active1 a{
        color: #e6057d;
    }
    .active2{
        background-color: #e6057d;
    } 
    